<!DOCTYPE HTML>
<html lang="zh-cn">

	<head>
		<!--<base href="http://test.youxiduo.com/iweb/2017_teacher_daily/" />-->
		<!--<base href="http://resource.youxiduo.com/special/shihou/promoter/3389V1.1/" />-->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="format-detection" content="telephone=no">
		<meta name="viewport" content="width=device-width,user-scalable=no">
		<title>2017狮吼学院教师节</title>
		<meta name="keywords" content="狮吼,狮吼直播,手游直播,双投屏直播" />
		<meta name="description" content="狮吼 - 4亿手游玩家的直播平台、狮吼是游戏多旗下手游直播平台，支持双投屏直播的移动端平台，边玩边播，分享快乐！狮吼直播，随时随地录屏直播，语音弹幕独特玩法，各路主播游戏大神齐聚；电竞赛事、综艺娱乐、户外精彩，一切改变尽在 狮吼- 4亿手游玩家的直播平台。" />
		<link rel="stylesheet" href="static/css/base.css" />
		<link rel="stylesheet" href="static/css/style.css" />
	</head>

	<body>
		<div class="wrap">
			<img src="static/img/bg1.jpg" />
			<div class="header">
				<img src="static/img/bg2.jpg" />
				<a class="btnShare"><img src="static/img/btnShare.png" /></a>
			</div>
			<!-- 排行榜 -->
			<div class="phb">
				<div class="phbMenu">
					<ul>
						<li><img src="static/img/phbMenuCurr1.png"></li>
						<li><img src="static/img/phbMenu2.png"></li>
						<li><img src="static/img/phbMenu3.png"></li>
					</ul>
				</div>
				<!--未登录-->
				<div class="Nenroll" style="display: none;">
					<img src="static/img/title2.png" />
					<a href='javascript:window.location.href="shihoutv://route?jump_type=120"'></a>
				</div>
				<!--登录-->
				<div class="enroll" style="display: none;">
					<img src="static/img/title.png" />
					<a id="userRank"></a>
				</div>

				<div class="phbList">
					<ul>
					</ul>
					<a class="font1 phbgz"><img src="static/img/font1.png" /></a>
				</div>
			</div>

			<!-- 评论 -->
			<div class="common">
				<div class="commonTab" style=" background:url(static/img/bg1.png) no-repeat; background-size:100%;">
					<div class="commonMenu commonLiat">
						<ul>
							<li><img src="static/img/commomTabCurr1.png" /></li>
							<li><img src="static/img/commomTab2.png" /</li>
						</ul>
					</div>
					<div class="line">
						<div class="bg">
							<div class="nav">
								<input placeholder="快来留言吧~" id="content" />
								<a class="spend"><img src="static/img/spend.png" /></a>
							</div>
							<ul class="list">
							</ul>
							<a class="more"><img src="static/img/more.png" /></a>
							<div class="space"></div>
						</div>
					</div>
					<img class="Listfooder" src="static/img/bg3.png" />
				</div>
			</div>
			
			<div class="phbList">
				<a class="font1 reward"><img src="static/img/font2.png" /></a>
			</div>
			<img src="static/img/fooder.png" />
		</div>

		<!--排行版规则弹窗--->
		<div class="tcbg phbRule">
			<h2 class="Tantitle"><img src="static/img/phbgzH2.png"/></h2>
			<div class="rule">
				<span>“魅力园丁”榜</span>
				<p>新礼物“粉笔”上线，价值10狮牙，根据收到礼物数量列入榜单；</p>
				<p>第1名“魅力园丁”专属勋章10天+皇冠*2</p>
				<p>第2名“魅力园丁”专属勋章7天+皇冠*1</p>
				<p>第3名“魅力园丁”专属勋章5天+宝箱10个</p>
				<p>第4-10名“魅力园丁”专属勋章3天</p>
				<span>“最佳教学园丁”榜</span>
				<p>新礼物“黑板檫”上线，价值10狮牙，根据收到礼物数量列入榜单；</p>
				<p>第1名“优秀园丁”专属勋章10天+皇冠*2</p>
				<p>第2名“优秀园丁”专属勋章7天+皇冠*1</p>
				<p>第3名“优秀园丁”专属勋章5天+宝箱10个</p>
				<p>第4-10名“优秀园丁”专属勋章3天</p>
				<span>“三好学生”榜</span>
				<p>粉笔和黑板檫合计贡献狮牙总数前十的用户可获得专属勋章奖励；</p>
				<p>第1名“三好学生”专属勋章10天</p>
				<p>第2名“三好学生”专属勋章7天</p>
				<p>第3名“三好学生”专属勋章5天</p>
				<p>第4-10名“三好学生”专属勋章3天</p>

			</div>
			<a class="close"><img src="static/img/know.png" /></a>
		</div>
		<!--祝福墙--->
		<div class="tcbg dzprule">
			<h2 class="Tantitle"><img src="static/img/rewardH2.png"/></h2>
			<p>用户送礼（黑板擦和粉笔）后可在“祝福墙”上给您最敬爱的老师留下最美好的祝福（心愿、祝福、表白、趣事，每个用户仅可发送一次），大狮兄将会进行筛选，把优秀语录分享在“祝福墙”上供大家欣赏，点赞；累计获得“赞”前十的祝福语录将可获得专属勋章；</p>
			<p>“狮吼学院祝福墙”获赞前十勋章</p>
			<p>第1名：“学习委员”勋章7天</p>
			<p>第2-3名：“学习委员”勋章5天</p>
			<p>第4-10名：“学习委员”勋章3天</p>
			<a class="close"><img src="static/img/know.png" /></a>
		</div>
		<div class="mask"></div>
		“狮吼学院祝福墙”获赞前十勋章

		<div class="pop">请登录后再来参加活动吧~</div>

		<script src="static/js/jquery-3.1.0.min.js"></script>
		<script type="text/javascript" src="static/js/forum.js"></script>
		<script type="text/javascript" src="static/js/rank.js"></script>
		<script>
			var share_icon = "http://resource.youxiduo.com/special/shihou/promoter/46/static/img/wzry.png";
			var share_title = "王者荣耀玩家专属福利";
			var share_desc = "立领200元现金！分享再送30元，还不快来！";
			var plan_Id = "4PLwi6yLVak6";
			var share_conf_id = "3233"; //活动id
			var signed = "0";
			var share_open = "1";
			var from_user_id = "244272"; //244637  395713 244272
			var share_url = "http://m.shihou.tv/event_share/41?type=1&page=1&from_user_id=244272&share_config_id=41";
		</script>
		<script language="JavaScript">
			var forum;
			var rank;
			$(function() {
				forum = new Forum();
				rank = new Rank();
				forum.activity_id = share_conf_id;
				forum.uid = from_user_id;
				var time = 3;
				
				if(from_user_id == "0") {
					$('.Nenroll').show();
				} else {
					$('.enroll').show();
				}		
				
				$(".btnShare").click(function() {
					if(from_user_id == "0") {
						window.location.href = "shihoutv://route?jump_type=120";
						return;
					} else {
						var web_share = {
							"qq": {
								"url": share_url,
								"img": share_icon,
								"title": share_title,
								"subtitle": share_desc
							},
							"wx_person": {
								"url": share_url,
								"img": share_icon,
								"title": share_title,
								"subtitle": share_desc
							},
							"wx_group": {
								"url": share_url,
								"img": share_icon,
								"title": share_title,
								"subtitle": share_desc
							},
							"wb": {
								"url": share_url,
								"img": share_icon,
								"title": share_title,
								"subtitle": share_desc
							}
						};

						if(typeof(window.lion) != "undefined" && typeof(window.lion.web_share) == 'function') {
							window.lion.web_share(JSON.stringify(web_share));
						}
					}
				});

				//排行版规则
				$(".phbgz").on("click", function() {
					$(".phbRule,.mask").fadeIn(200);

				});
				//祝福墙规则
				$(".reward").on("click", function() {
					$(".dzprule,.mask").fadeIn(200);

				});
				//关闭
				$(".close").on("click", function() {
					$(".phbRule,.dzprule,.mask,.zjtc").fadeOut(200);

				});

				//phbTab
				var currIndex = 0;
				$(".phbMenu ul li").on("click", function() {
					currIndex = $(this).index();
					$(".phbMenu ul li").each(function() {
						$(this).find("img").attr({
							"src": "static/img/phbMenu" + ($(this).index() + 1) + ".png"
						});
					});
					$(this).find("img").attr({
						"src": "static/img/phbMenuCurr" + (currIndex + 1) + ".png"
					});
					rank.setRankList(currIndex, 0);
					rank.setUserRank(currIndex, from_user_id);
				});
				$(".phbMenu ul li").eq(0).click();

				(function() {
					var scrollTop = 0;
					// 显示弹出层
					$(".btnRule").on("touchend ", function() {
						// 在弹出层显示之前，记录当前的滚动位置
						scrollTop = getScrollTop();
						// 使body脱离文档流
						document.body.classList.add('dialog-open');
						// 把脱离文档流的body拉上去！否则页面会回到顶部！
						document.body.style.top = -scrollTop + 'px';
						$(".ruleWrap,.mask").fadeIn();
					})
					// 隐藏弹出层
					$(".btnClose").on("touchend ", function() {
						$(".ruleWrap,.mask").fadeOut();
						// body又回到了文档流中
						document.body.classList.remove('dialog-open');
						// 滚回到老地方！
						to(scrollTop);
					})

					function to(scrollTop) {
						document.body.scrollTop = document.documentElement.scrollTop = scrollTop;
					}

					function getScrollTop() {
						return document.body.scrollTop || document.documentElement.scrollTop;
					}

				}());

				//留言切换
				var currIndex2 = 0;
				$(".commonMenu li").on("click", function() {
					currIndex2 = $(this).index();
					forum.orderType = currIndex2 + 1;
					$(".commonMenu li").each(function() {
						$(this).find("img").attr({
							"src": "static/img/commomTab" + ($(this).index() + 1) + ".png"
						});
					});
					$(this).find("img").attr({
						"src": "static/img/commomTabCurr" + (currIndex2 + 1) + ".png"
					});
					forum.pageSize = 4;
					forum.getFormList(forum.forum_list_url);
				});
				$(".commonMenu li").eq(0).click();

				//发送留言
				$('.spend').on('click', function() {
					if(from_user_id == "0") {
						window.location.href = "shihoutv://route?jump_type=120";
						return;
					}
					forum.content = $('#content').val();
					forum.pulibshComment(forum.publish_forum, forum.check_gift);
					forum.getFormList(forum.forum_list_url);
				});

				//点击查看更多
				$('.more').on('click', function() {
					$(this).attr('href', 'common.html?from_user_id=' + from_user_id+'&share_conf_id='+share_conf_id);
				});

				//用户是否送过礼物
				forum.uid = from_user_id;
				forum.checkSendGift(forum.check_gift);
			});

			//点赞
			function fabulous(obj) {
				if(from_user_id == "0") {
					window.location.href = "shihoutv://route?jump_type=120";
					return;
				}
				forum.id = $(obj).attr('data-id');
				forum.uid = from_user_id;
				forum.toUid = $(obj).attr('data-uid');
				forum.fabulous(forum.forum_fabulous, obj);
			}
		</script>

	</body>

</html>